<template>
	<view>
		<u-tabs :list="list" :is-scroll="false" :current="current" active-color='#0bbf68' bg-color='transparent' @change="changeTab"></u-tabs>
		
		<u-search shape="square" placeholder="请输入关键词查询" v-model="keyword" bg-color="#fff" border-color="#0bbf68"></u-search>
		
		<view class="section-title">
			<view class="section-title__title">赛事快讯</view>
			<view class="section-title__more desc link">
				<text>查看更多</text>
				<u-icon name='arrow-right' color='#b2b2b2' size='20'></u-icon>
			</view>
		</view>
		
		<view class="top-serach">
			<picker class="sx"  mode="selector" @change="bindPickerChange" :value="index" :range="array">
				<view class="sx">
					<view class="sx-title text-overflow">研发部</view>
					<u-icon name='arrow-down-fill' size="20" color="#0bbf68"></u-icon>
				</view>
			</picker>
			<u-search shape="square" placeholder="" v-model="keyword" bg-color="#fff" border-color="#0bbf68"></u-search>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [
					{ name: '赛事发布' }, 
					{ name: '赛事分配' },
				],
				current: 0
			}
		},
		methods: {
			changeTab(index) {
				this.current = index;
			}
		}
	}
</script>

<style>

</style>
